<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
	<div class="container"  id="content">
		 <section class="content-header">
			 <h1>
				 <i class="fa fa-file"></i>
				 <strong>备泵合同审批</strong>
			 </h1>
			 <ol class="breadcrumb">
				 <li><a href="#"><i class="fa fa-home "></i>Home</a></li>
				 <li>合同管理</li>
				 <li class="active">备泵合同审批</li>
			 </ol>
		 </section>
		 <!-- Main content -->
		 <section class="content">
			 <div class="box box-info">
			 	 <div class="box-header with-border">
                     <i class="fa fa-th-list"></i>
                     <h4 class="box-title">备泵合同审批信息</h4>
                 </div>
                 <div class="row-fluid">
                   <div class="span12">
                     <div id="container" class="widget-title">
                       <ul class="nav nav-tabs" id="myTabs">
                         <li><a data-toggle="tab" href="#tab1"><span>合同信息</span></a></li>
                         <li><a data-toggle="tab" href="#tab2"><span>细  目</span></a></li>
                       </ul>
                     </div>
                     <div class="pre-scrollable1">
                       <div class="widget-content tab-content">
                       
                       		<div id="tab1" class="active tab-pane">
                       		<form id="contractAtrrForm" class="widget-box">
                       			<input class="form-control" type="hidden" id="contractId" name="contractId" th:value="${contract.id}"/>
                       			<input class="form-control" type="hidden" id="createTime" name="createTime" th:value="${contract.createTime}"/>
                       			<input class="form-control" type="hidden" id="userId" name="userId" th:value="${userId}"/>
			                	<input class="form-control" type="hidden" id="state" name="state" th:value="${contract.state}" />
			                	<input class="form-control" type="hidden" id="cstate" name="cstate" th:value="${contract.cstate}" />
			                	<div class="widget-content nopadding">
			                	<table class="table table-bordered">
						            <tbody>
						             <tr class="odd gradeX">
						              <td width="8%" align="center" style="vertical-align:middle">供方合同号</td>
						              <td width="17%">
						              <div class="col-md-11">
						              <input class="form-control" type="text" id="supplierCode" name="supplierCode" th:value="${contract.supplierCode}" datatype="*,*1-100,t" nullmsg="请输入供方合同号"/>
			                          </div>
			                          <div class="col-md-1">
			                          <span style="color:#F00">*</span>
			                          </div>
			                          </td>
						              <td width="8%" align="center" style="vertical-align:middle">需方合同号</td>
						              <td width="17%">
						              <div class="col-md-11">
						              <input class="form-control" type="text" id="demanderCode" name="demanderCode" th:value="${contract.demanderCode}"/>
			                          </div>
			                          </td>
						              <td width="8%" align="center" style="vertical-align:middle">总价(元)</td>
						              <td width="17%">
						              <div class="col-md-11">
						              <input class="form-control" type="text" id="totalSum" name="totalSum" th:value="${#numbers.formatDecimal(contract.totalSum,1,2)}" onkeyup="clearNoNum(this)" datatype="*,n" nullmsg="请输入合同总价" errormsg="请填写数字"/>
			                          </div>
			                          <div class="col-md-1">
			                          <span style="color:#F00">*</span>
			                          </div>
			                          </td>
						             </tr>
						             <tr>
						              <td width="8%" align="center" style="vertical-align:middle">签订日期</td>
						              <td width="17%">
						              <div class="col-md-11">
						              <input class="form-control" type="date" id="signedDate" name="signedDate" th:value="${#dates.format(contract.signedDate,'yyyy-MM-dd')}" datatype="*,*1-100,t" nullmsg="请输入签订日期"/>
			                          </div>
			                          <div class="col-md-1">
			                          <span style="color:#F00">*</span>
			                          </div>
			                          </td>
						              <td width="8%" align="center" style="vertical-align:middle">交货日期</td>
						              <td width="17%">
						              <div class="col-md-11">
						              <input class="form-control" type="date" id="giveOutDate" name="giveOutDate" th:value="${#dates.format(contract.giveOutDate,'yyyy-MM-dd')}" datatype="*,*1-100,t" nullmsg="请输入交货日期"/>
			                          </div>
			                          <div class="col-md-1">
			                          <span style="color:#F00">*</span>
			                          </div>
			                          </td>
						              <td width="8%" align="center" style="vertical-align:middle">排产日期</td>
						              <td width="17%">
						              <div class="col-md-11">
						              <input class="form-control" type="date" id="scheduleDate" name="scheduleDate" th:value="${contract.scheduleDate}?${#dates.format(contract.scheduleDate,'yyyy-MM-dd')}:''"/>
			                          </div>
			                          </td>
						             </tr>
						             <tr>
						              <td width="8%" align="center" style="vertical-align:middle">发货日期</td>
						              <td width="17%">
						              <div class="col-md-11">
						              <input class="form-control" readonly="readonly" type="date" id="deliveryDate" name="deliveryDate" th:value="${contract.deliveryDate}?${#dates.format(contract.deliveryDate,'yyyy-MM-dd')}:''"/>
			                          </div>
			                          </td>
						              <td width="8%" align="center" style="vertical-align:middle">项目编号</td>
						              <td width="17%">
						              <div class="col-md-11">
						              <input class="form-control" type="text" id="projectCode" name="projectCode" th:value="${contract.projectCode}"/>
						              </div>
			                          <div class="col-md-1">
			                          <span style="color:#F00"></span>
			                          </div>
			                          </td>
						              <td width="8%" align="center" style="vertical-align:middle">货物到站</td>
						              <td width="17%">
						              <div class="col-md-11">
						              <input class="form-control" type="text" id="stop" name="stop" th:value="${contract.stop}" datatype="t" />
			                          </div>
			                          <div class="col-md-1">
			                          <span style="color:#F00"></span>
			                          </div>
			                          </td>
						             </tr>
						             <tr>
						              <td width="8%" align="center" style="vertical-align:middle">运费支付(元)</td>
						              <td width="17%">
						              <div class="col-md-11">
						              <input class="form-control" type="text" id="freightCharge" name="freightCharge" th:value="${#numbers.formatDecimal(contract.freightCharge,1,2)}" onkeyup="clearNoNum(this)" datatype="n" errormsg="请填写数字" />
						              </div>
			                          <div class="col-md-1">
			                          <span style="color:#F00"></span>
			                          </div>
			                          </td>
						             </tr>
						             <tr>
						              <td width="8%" align="center" style="vertical-align:middle">项目名称</td>
						              <td colspan="3">
						              <div class="col-md-11">
						              <input class="form-control" type="text" id="projectName" name="projectName" th:value="${contract.projectName}" datatype="*,*1-100,t" nullmsg="请输入项目名称" />
						              </div>
			                          <div class="col-md-1">
			                          <span style="color:#F00">*</span>
			                          </div>
			                          </td>
			                          <td></td><td></td>
						             </tr>
						           	 <tr>
						             <td width="8%" align="center" style="vertical-align:middle">付款方式</td>        
							         <td colspan="7">
							          <div class="col-md-11">
							          <textarea class="form-control" style="width:100%" id="payType" name="payType" th:text="${contract.payType}"  rows="3" datatype="*,*1-1000,s" nullmsg="请输入付款方式" ></textarea>
							          </div>
			                          <div class="col-md-1">
			                          <span style="color:#F00">*</span>
			                          </div>
							         </td>
							         </tr>  
							         <tr>
						             <td width="8%" align="center" style="vertical-align:middle">质保期限</td>        
							         <td colspan="7">
							          <div class="col-md-11">
							          <textarea class="form-control" style="width:100%" id="guaranteePeriod" name="guaranteePeriod" th:text="${contract.guaranteePeriod}" rows="2" datatype="*,*1-1000,s" nullmsg="请输入质保期限" ></textarea>
							          </div>
			                          <div class="col-md-1">
			                          <span style="color:#F00">*</span>
			                          </div>
							         </td>
							         </tr> 
							         <tr>
						             <td width="8%" align="center" style="vertical-align:middle">违约责任</td>        
							         <td colspan="7">
							          <div class="col-md-11">
							          <textarea class="form-control" style="width:100%" id="breakDuty" name="breakDuty" th:text="${contract.breakDuty}" rows="2" datatype="*,*1-1000,s" nullmsg="请输入违约责任" ></textarea>
							          </div>
			                          <div class="col-md-1">
			                          <span style="color:#F00">*</span>
			                          </div>
							         </td>
							         </tr>    
						            </tbody>
						        </table>
							  </div>
							  
							  <table class="table table-bordered">
						         <tbody>
						             <tr class="odd gradeX">
						              <td width="10.5%" align="center" style="vertical-align:middle">合同类型</td>
						              <td width="23%">
						              <div class="col-md-11">
						              <input class="form-control" type="text" id="contractType" name="contractType" value="备泵合同" readonly="readonly"/>
						              </div>
			                          <div class="col-md-1">
			                          <span style="color:#F00"></span>
			                          </div></td>
			                          <td colspan="4"></td>
						             </tr>
						         </tbody>
						      </table>
							  
							  <div class="form-inline">
								 <div class="form-group">
								 	<h4><strong>已关联合同</strong></h4>
								 </div>
							 </div>
						      <table width="100%" class="mytable dataTable table-bordered text-center table-striped table-hover" id="resultRelevanceTable">
						          <thead>
									<tr>
										<th class="center" width="10%">序号</th>
										<th class="center" width="35%">合同号</th>
										<th class="center" width="35%">项目名称</th>
										<th class="center" width="20%">签订时间</th>
									</tr>
								  </thead>
								  <tbody>
								  </tbody>
						        </table>
							  
                 			  <div>
                     			<h4>
									<strong>订货单位信息</strong>
									<button type="button" class="btn btn-info" id="queryCustomerPayInfo">引入附加开票信息</button>
								</h4>
                 			 </div>
                 			 <table class="table table-bordered">
						         <tbody>
						             <tr class="odd gradeX">
						              <td width="8%" align="center" style="vertical-align:middle">订货单位</td>
						              <td width="17%">
						              <div class="col-sd-4 input-group" style="margin-left:8px;">
						              <input type="hidden" name="customerId" id="customerId" th:value="${contract.customerId}"/>
						              <input class="form-control" type="text" id="orderUnit" name="orderUnit" th:value="${contract.orderUnit}" datatype="*,*1-100,t" nullmsg="请输入订货单位" readonly="readonly"/>
						              <span class="input-group-btn">
											<button type="button" id="queryCustomer" class="btn btn-info" title="引入订货单位信息"><i class="fa fa-search"></i></button>
										</span>
			                          </div>
			                          </td>
						              <td width="8%" align="center" style="vertical-align:middle">订货代表</td>
						              <td width="17%">
						              <div class="col-md-11">
						              <input class="form-control" type="text" id="orderDelegate" name="orderDelegate" th:value="${contract.orderDelegate}"/>
						              </div>
			                          <div class="col-md-1">
			                          <span style="color:#F00"></span>
			                          </div></td>
						              <td width="8%" align="center" style="vertical-align:middle">订货电话</td>
						              <td width="17%">
						              <div class="col-md-11">
						              <input class="form-control" type="text" id="orderPhone" name="orderPhone" th:value="${contract.orderPhone}" />
						              </div>
			                          <div class="col-md-1">
			                          <span style="color:#F00"></span>
			                          </div></td>
						             </tr>
						             <tr class="odd gradeX">
						              <td width="8%" align="center" style="vertical-align:middle">订货邮编</td>
						              <td width="17%">
						              <div class="col-md-11">
						              <input class="form-control" type="text" id="orderZip" name="orderZip" th:value="${contract.orderZip}" onkeyup="clearNoInteger(this)" dataType="p"/>
						              </div>
			                          <div class="col-md-1">
			                          <span style="color:#F00"></span>
			                          </div></td>
						              <td width="8%" align="center" style="vertical-align:middle">订货片区</td>
						              <td width="17%">
						              <div class="col-md-11">
						              <select class="form-control" id="orderArea" name="orderArea" datatype="*,*1-100,t" nullmsg="请选择订货片区">
						              <option></option>
			                          <option th:each="orderArea:${orderAreas}"
											  th:text="${orderArea}"
											  th:selected="${orderArea.equals(contract.orderArea)}"></option>
			                          </select>
			                          </div>
			                          <div class="col-md-1">
			                          <span style="color:#F00">*</span>
			                          </div>
			                          </td>
			                          <td width="8%" align="center" style="vertical-align:middle">行业信息</td>
						              <td width="17%">
						              <div class="col-md-11">
						              <select class="form-control" id="industryInfo" name="industryInfo" datatype="*,*1-100,t" nullmsg="请选择行业信息">
						              <option></option>
			                          <option th:each="industryInfo:${industryInfos}"
											  th:text="${industryInfo.title}"
											  th:selected="${industryInfo.title.equals(contract.industryInfo)}"></option>
			                          </select>
			                          </div>
			                          <div class="col-md-1">
			                          <span style="color:#F00">*</span>
			                          </div>
			                          </td>
						             </tr>
						             <tr class="odd gradeX">
						              <td width="8%" align="center" style="vertical-align:middle">开票银行</td>
						              <td width="17%">
						              <div class="col-md-11">
						              <input class="form-control" type="text" id="invoiceBank" name="invoiceBank" th:value="${contract.invoiceBank}"/>
						              </div>
			                          <div class="col-md-1">
			                          <span style="color:#F00"></span>
			                          </div></td>
			                          <td width="8%" align="center" style="vertical-align:middle">银行账号</td>
						              <td width="17%">
						              <div class="col-md-11">
						              <input class="form-control" type="text" id="bankAccount" name="bankAccount" th:value="${contract.bankAccount}"/>
						              </div>
			                          <div class="col-md-1">
			                          <span style="color:#F00"></span>
			                          </div></td>
			                          <td width="8%" align="center" style="vertical-align:middle">税  号</td>
						              <td width="17%">
						              <div class="col-md-11">
						              <input class="form-control" type="text" id="taxNumber" name="taxNumber" th:value="${contract.taxNumber}"/>
						              </div>
			                          <div class="col-md-1">
			                          <span style="color:#F00"></span>
			                          </div></td>
						             </tr>
						             <tr class="odd gradeX">
						              <td width="8%" align="center" style="vertical-align:middle">订货地址</td>
						              <td colspan="3">
						              <div class="col-md-11">
						              <input class="form-control" type="text" id="orderAddress" name="orderAddress" th:value="${contract.orderAddress}"/>
						              </div>
			                          <div class="col-md-1">
			                          <span style="color:#F00"></span>
			                          </div></td>
			                          <td width="8%" align="center" style="vertical-align:middle">开票地址</td>
						              <td width="17%">
						              <div class="col-md-11">
						              <input class="form-control" type="text" id="invoiceAddress" name="invoiceAddress" th:value="${contract.invoiceAddress}"/>
						              </div>
			                          <div class="col-md-1">
			                          <span style="color:#F00"></span>
			                          </div></td>
						             </tr>
						         </tbody>
						      </table>
						      
						      <div>
                     			<h4><strong>邮寄单位信息</strong></h4>
                 			 </div>
                 			 <table class="table table-bordered">
						         <tbody>
						             <tr class="odd gradeX">
						              <td width="8%" align="center" style="vertical-align:middle">邮寄单位</td>
						              <td width="17%">
						              <div class="col-md-11">
						              <input class="form-control" type="text" id="postUnit" name="postUnit" th:value="${contract.postUnit}" />
						              </div>
			                          <div class="col-md-1">
			                          <span style="color:#F00"></span>
			                          </div></td>
						              <td width="8%" align="center" style="vertical-align:middle">邮寄代表</td>
						              <td width="17%">
						              <div class="col-md-11">
						              <input class="form-control" type="text" id="postDelegate" name="postDelegate" th:value="${contract.postDelegate}" />
						              </div>
			                          <div class="col-md-1">
			                          <span style="color:#F00"></span>
			                          </div></td>
						              <td width="8%" align="center" style="vertical-align:middle">邮寄电话</td>
						              <td width="17%">
						              <div class="col-md-11">
						              <input class="form-control" type="text" id="postPhone" name="postPhone" th:value="${contract.postPhone}" />
						              </div>
			                          <div class="col-md-1">
			                          <span style="color:#F00"></span>
			                          </div></td>
						             </tr>
						             <tr class="odd gradeX">
						              <td width="8%" align="center" style="vertical-align:middle">邮寄地址</td>
						              <td colspan="3">
						              <div class="col-md-11">
						              <input class="form-control" type="text" id="postAddress" name="postAddress" th:value="${contract.postAddress}" />
						              </div>
			                          <div class="col-md-1">
			                          <span style="color:#F00"></span>
			                          </div></td>
						              <td width="8%" align="center" style="vertical-align:middle">邮寄邮编</td>
						              <td width="17%">
						              <div class="col-md-11">
						              <input class="form-control" type="text" id="postZip" name="postZip" th:value="${contract.postZip}" onkeyup="clearNoInteger(this)" dataType="p"/>
						              </div>
			                          <div class="col-md-1">
			                          <span style="color:#F00"></span>
			                          </div></td>
						             </tr>
						         </tbody>
						      </table>
						      
							 <div>
                     			<h4><strong>合同分类明细</strong></h4>
                 			 </div>
							  <table class="table table-bordered">
						         <tbody>
						             <tr class="odd gradeX">
						              <td width="8%" align="center" style="vertical-align:middle">责任区域</td>
						              <td width="17%">
						              <div class="col-md-11">
						              <select class="form-control" id="dutyArea" name="dutyArea" datatype="*,*1-100,t" nullmsg="请选择责任区域" style="width:100%">
						              <option></option>
			                          <option th:each="orderArea:${orderAreas}"
																	th:text="${orderArea}"
																	th:selected="${orderArea.equals(contract.orderArea)}"></option>
			                          </select>
			                          </div>
			                          <div class="col-md-1">
			                          <span style="color:#F00">*</span>
			                          </div>
			                          </td>
						              <td width="8%" align="center" style="vertical-align:middle">责任人</td>
						              <td width="17%">
						              <div class="col-md-11">
						              <select class="form-control" id="dutyOfficer" name="dutyOfficer" datatype="*,*1-100,t" nullmsg="请选择责任人" style="width:100%">
						              <option></option>
			                          <option th:each="user:${allSuperiorMen}"
											  th:text="${user.empLogin.name}"
											  th:selected="${user.empLogin.name.equals(contract.dutyOfficer)}"></option>
			                          </select>
			                          </div>
			                          <div class="col-md-1">
			                          <span style="color:#F00">*</span>
			                          </div>
			                          </td>
						              <td width="8%" align="center" style="vertical-align:middle">南北片区</td>
						              <td width="17%">
						              <div class="col-md-11">
						              <select class="form-control" id="southNorthArea" name="southNorthArea" datatype="*,*1-100,t" nullmsg="请选择南北片区">
						              <option></option>
			                          <option th:each="southNorthArea:${southNorthAreas}"
											  th:text="${southNorthArea.title}"
											  th:selected="${southNorthArea.title.equals(contract.southNorthArea)}"></option>
			                          </select>
			                          </div>
			                          <div class="col-md-1">
			                          <span style="color:#F00">*</span>
			                          </div>
			                          </td>
						             </tr>
						             <tr class="odd gradeX">
						              <td width="8%" align="center" style="vertical-align:middle">所属板块</td>
						              <td width="17%">
						              <div class="col-md-11">
						              <input class="form-control" id="belongArea" name="belongArea" th:value="${contract.belongArea}" datatype="*,*1-100,t" nullmsg="选择行业信息后自动显示" readonly="readonly"/>
			                          </div>
			                          <div class="col-md-1">
			                          <span style="color:#F00">*</span>
			                          </div>
			                          </td>
						              <td width="8%" align="center" style="vertical-align:middle">考核分类</td>
						              <td width="17%">
						              <div class="col-md-11">
						              <select class="form-control" id="checkKind" name="checkKind" datatype="*,*1-100,t" nullmsg="请选择考核分类">
						              <option></option>
						              <option th:each="checkKind:${checkKinds}"								
										      th:text="${checkKind.title}"										
										      th:selected="${checkKind.title.equals(contract.checkKind)}">
	                                  </option>
			                          </select>
			                          </div>
			                          <div class="col-md-1">
			                          <span style="color:#F00">*</span>
			                          </div>
			                          </td>
						              <td width="8%" align="center" style="vertical-align:middle">产品分类</td>
						              <td width="17%">
						              <div class="col-md-11">
						              <select class="form-control" id="productKind" name="productKind" datatype="*,*1-100,t" nullmsg="请选择产品分类">
						              <option></option>
						              <option th:each="productKind:${productKinds}"								
										      th:text="${productKind.title}"										
										      th:selected="${productKind.title.equals(contract.productKind)}">
	                                  </option>
			                          </select>
			                          </div>
			                          <div class="col-md-1">
			                          <span style="color:#F00">*</span>
			                          </div>
			                          </td>
						             </tr>
						             <tr class="odd gradeX">
						              <td width="8%" align="center" style="vertical-align:middle">合同签订人</td>
						              <td width="17%">
						              <div class="col-md-11">
						              <select class="form-control" id="signOfficer" name="signOfficer" datatype="*,*1-100,t" nullmsg="请选择合同签订人" style="width:100%">
						              <option></option>
							          <option th:each="user:${allSuperiorMen}"
											  th:text="${user.empLogin.name}"
											  th:selected="${user.empLogin.name.equals(contract.signOfficer)}"></option>
			                          </select>
			                          </div>
			                          <div class="col-md-1">
			                          <span style="color:#F00">*</span>
			                          </div>
			                          </td>
						              <td width="8%" align="center" style="vertical-align:middle">维修协议人</td>
						              <td width="17%">
						              <div class="col-md-11">
						              <select class="form-control" id="repairOfficer" name="repairOfficer" datatype="*,*1-100,t" nullmsg="请选择维修协议人" style="width:100%">
						              <option></option>
							          <option th:each="user:${allSuperiorMen}"
											  th:text="${user.empLogin.name}"
											  th:selected="${user.empLogin.name.equals(contract.repairOfficer)}"></option>
			                          </select>
			                          </div>
			                          <div class="col-md-1">
			                          <span style="color:#F00">*</span>
			                          </div>
			                          </td>
						              <td width="8%" align="center" style="vertical-align:middle">报价人</td>
						              <td width="17%">
						              <div class="col-md-11">
						              <select class="form-control" id="quotationOfficer" name="quotationOfficer" datatype="*,*1-100,t" nullmsg="请选择报价人" style="width:100%">
						              <option></option>
							          <option th:each="user:${allSuperiorMen}"
											  th:text="${user.empLogin.name}"
											  th:selected="${user.empLogin.name.equals(contract.quotationOfficer)}"></option>
			                          </select>
			                          </div>
			                          <div class="col-md-1">
			                          <span style="color:#F00">*</span>
			                          </div>
			                          </td>
						             </tr>
						             <tr class="odd gradeX">
									  <td width="8%" align="center" style="vertical-align:middle">经办部门</td>
									  <td width="17%">
									  <div class="col-md-11">
									  <input class="form-control" type="text" id="operatDepartment" name="operatDepartment" th:value="${contract.operatDepartment}" datatype="*,*1-100,t" nullmsg="请选择经办部门" readonly="readonly" />
									  </div>
			                          <div class="col-md-1">
			                          <span style="color:#F00">*</span>
			                          </div></td>
									  <td width="8%" align="center" style="vertical-align:middle">经办人</td>
									  <td width="17%">
									  <div class="col-md-11">
									  <input class="form-control" type="text" id="operator" name="operator" th:value="${contract.operator}" datatype="*,*1-100,t" nullmsg="请输入经办人" readonly="readonly"/>
									  </div>
			                          <div class="col-md-1">
			                          <span style="color:#F00">*</span>
			                          </div></td>
									  <td width="8%" align="center" style="vertical-align:middle">经办日期</td>
									  <td width="17%">
									  <div class="col-md-11">
									  <input class="form-control" type="date" id="operatDate" name="operatDate" th:value="${#dates.format(contract.operatDate,'yyyy-MM-dd')}" datatype="*,*1-100,t" nullmsg="请输入经办日期" />
									  </div>
			                          <div class="col-md-1">
			                          <span style="color:#F00">*</span>
			                          </div></td>
									 </tr>
									 <tr class="odd gradeX">
									  <td align="center" style="vertical-align:middle">备注</td>        
								      <td colspan="7">
								      <div class="col-md-11">
								       <textarea class="form-control" style="width:100%" id="memo" name="memo" th:text="${contract.memo}" rows="3"></textarea>
								       </div>
			                          <div class="col-md-1">
			                          <span style="color:#F00"></span>
			                          </div></td>
							    	 </tr>
						         </tbody>
						      </table>
						      </form>
	<div th:replace="audit/audit-levels::hasFiles('has','hasbutton')"></div>
						<!-- <div>
							<a type="button" class="btn pull-right" href="javascript:history.go(-1)">返回</a>
							<button type="button" class="btn btn-primary pull-right app-btn-submit">合同审批</button>
							<button type="button" class="btn btn-info pull-right btnList">附件下载</button>
							<button type="button" class="btn btn-info pull-right btnUpload">附件上传</button>
						</div> -->
		                	</div>
		                	
		                	<div id="tab2" class="tab-pane">
		                	<div class="box-body">
							<div class="form-inline">
								 <div class="form-group">
								 	<h4><strong>备泵</strong></h4>
								 </div>
								 <div class="btn-group pull-right">
								 	 <button type="button" class="btn btn-info importDeviceList">导入备泵报价清单</button>
								 	 <button type="button" class="btn btn-info addDeviceBtn">新增</button>
									 <button type="button" class="btn btn-info editDeviceBtn">编辑</button>
						    		 <button type="button" class="btn btn-info delDeviceBtn" >删除</button>
							     </div>
							 </div>
			                </div>
			                <div class="box box-body" style="width:100%; overflow-x:scroll;">
								<table class="mytable dataTable table-bordered text-center table-striped table-hover" cellspacing="0" width="3000px" align="center" id="resultDeviceTable">
						          <thead>
									<tr>
										<th width="2%">序号</th>
										<th width="2%"><input type="checkbox" id="checkAllDevice"/></th>
										<th width="6%">关联合同号</th>
										<th width="8%">产品名称</th>
										<th width="6%">产品类型</th>
										<th width="6%">细分类型</th>
										<th width="6%">产品型号</th>
										<th width="2%">数量</th>
										<th width="5%">单价(元)</th>									
										<th width="5%">功率(kw)</th>
										<th width="5%">过流材质</th>
										<th width="5%">传输介质</th>
										<th width="5%">粘度(Cp)</th>
										<th width="5%">流量(m3/h)</th>
										<th width="5%">扬程(m)</th>
										<th width="5%">温度(℃)</th>
										<th width="5%">比重(kg/m3)</th>
										<th width="5%">入口压力(MPa)</th>
										<th width="6%">有效气蚀余量(N[PSHa)(m)</th>
										<th width="6%">必须气蚀余量(N[PSHr)(m)</th>
									</tr>
								  </thead>
								  <tbody>
								  </tbody>
						        </table>
							  </div>
						<div>
							<a type="button" class="btn btn-default pull-right" href="javascript:history.go(-1)">返回</a>
							<button type="button" class="btn btn-primary pull-right saveContractBtn">保存</button>
						</div>
		                	</div>
		                	
                       </div>
                     </div>


					</div>
              </div>   
			</div>
	  </section>
	  
	  <!--新建/编辑备泵弹窗-->
    	<div class="modal" id="mainDeviceModal">
        <div class="modal-dialog" role="dialog" style="width:80%">
        <div class="modal-content">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-label="Close">
			<span aria-hidden="true">&times;</span>
			</button>
		    <h4 class="modal-title">
				<strong>备泵信息</strong>
			</h4>
		</div>
		<div style="height:450px;overflow-x:hidden;overflow-y:auto;">
        <div class="modal-body">
        <div class="form-inline">
        <form id="editOneDeviceAtrrForm">
        <input type="hidden" id="mainDeviceId" name="mainDeviceId"/>
        <input type="hidden" id="maincreateTime" name="maincreateTime"/>
        	<div class="widget-content nopadding">
        		<table class="table table-bordered">
        			<tbody>
                        <tr class="odd gradeX">
						    <td width="8%" class="center">产品名称</td>
						    <td width="16%">
						    <div class="col-md-11">
						    <input class="form-control" type="text" id="productName" name="productName" datatype="*,*1-100,t" nullmsg="请输入产品名称"/></div>
						    <div class="col-md-1">
						    <span style="color:#F00">*</span>
						    </div></td>
						    <td width="8%" class="center">产品类型</td>
						    <td width="16%">
						    <div class="col-md-11">
						    <select class="form-control" id="productType" name="productType" datatype="*,*1-100,t" nullmsg="请选择产品类型">
						              <option th:each="productType:${productTypes}"								
										      th:text="${productType.title}"
										      th:value="${productType.title}">
	                                  </option>
			                </select></div>
						    <div class="col-md-1">
						    <span style="color:#F00">*</span>
						    </div></td>
						    <td width="8%" class="center">细分类型</td>
						    <td width="16%">
						    <div class="col-md-11">
						    <select class="form-control" id="subDivideType" name="subDivideType" >
			                </select></div>
						    <div class="col-md-1">
						    <span style="color:#F00"></span>
						    </div></td>
						</tr>
	                    <tr class="odd gradeX">
	                    	<td width="8%" class="center">产品型号</td>
						    <td width="16%"><div class="col-md-11">
						    <input  type="text" id="productModel" name="productModel" class="form-control"/>
						    </div></td>
							<td width="8%" class="center">功率(kw)</td>
						    <td width="16%"><div class="col-md-11">
						    <input  type="text" id="power" name="power" class="form-control"/>
			                </div></td>
			                <td width="8%" class="center">数量</td>
						    <td width="16%">
						    <div class="col-md-11">
						    <input class="form-control" type="text" id="number" name="number" onkeyup="clearNoInteger(this)" datatype="*,d" nullmsg="请输入数量" errormsg="请输入整数"/></div>
						    <div class="col-md-1">
						    <span style="color:#F00">*</span>
						    </div></td>
						</tr>
                        <tr class="even gradeC">
                        	<td width="8%" class="center">单价(元)</td>
						    <td width="16%">
						    <div class="col-md-11">
								<input type="text" id="unitPrice" name="unitPrice"
									class="form-control" onkeyup="clearNoNum(this)"
									datatype="*,n" nullmsg="请输入单价" />
							</div>
							<div class="col-md-1">
								<span style="color: #F00">*</span>
							</div></td>
                            <td width="8%" class="center">过流材质</td>
						    <td width="16%">
						    <div class="col-md-11">
						    <input class="form-control" type="text" id="flowMaterial" name="flowMaterial"/></div></td>
						    <td width="8%" class="center">传输介质</td>
						    <td width="16%">
						    <div class="col-md-11">
						    <input  type="text" id="transMedia" name="transMedia" class="form-control"/>
						    </div></td>
						</tr>
						<tr class="even gradeC">
							<td width="8%" class="center">比重</td>
						    <td width="16%">
						    <div class="col-md-11">
						    <input class="form-control" type="text" id="proportion" name="proportion"/>
						    </div></td>
						    <td width="8%" class="center">有效气蚀余量</td>
						    <td width="16%">
						    <div class="col-md-11">
						    <input class="form-control" type="text" id="NPSHA" name="NPSHA"/>
						    </div></td>
						    <td width="8%" class="center">流量</td>
						    <td width="16%">
						    <div class="col-md-11">
						    <input  type="text" id="flux" name="flux" class="form-control"/>
						    </div></td>
						</tr>
						<tr class="even gradeC">
							<td width="8%" class="center">温度(℃)</td>
						    <td width="16%">
						    <div class="col-md-11">
						    <input class="form-control" type="text" id="temperature" name="temperature"/>
						    </div></td>
						    <td width="8%" class="center">必须气蚀余量</td>
						    <td width="16%">
						    <div class="col-md-11">
						    <input class="form-control" type="text" id="MPSHA" name="MPSHA"/>
						    </div></td>  
						    <td width="8%" class="center">扬程</td>
						    <td width="16%">
						    <div class="col-md-11">
						    <input  type="text" id="pumpLift" name="pumpLift" class="form-control"/>
						    </div></td>
						</tr>
						<tr class="even gradeC"> 
							<td width="8%" class="center">粘度</td>
						    <td width="16%">
						    <div class="col-md-11">
						    <input  type="text" id="viscosity" name="viscosity" class="form-control"/>
							</div></td>
						    <td width="8%" class="center">入口压力</td>
						    <td width="16%">
						    <div class="col-md-11">
						    <input class="form-control" type="text" id="inPressure" name="inPressure"/>
						    </div></td>
						    <td width="8%" class="center">交货日期</td>
							<td width="16%" rowspan="1" colspan="1">
								<div class="col-md-11">
									<input class="form-control" type="date" id="dDeliveryDate" name="dDeliveryDate" style=" width: 175px" datatype="*,*1-100,t" nullmsg="请输入交货日期"/>
								</div>
								<div class="col-md-1">
									<span style="color: #F00">*</span>
								</div>
							</td>
						</tr>
						<tr class="even gradeC"> 
						    <td width="8%" align="center" style="vertical-align:middle">关联合同号</td>
							<td width="16%">
							<div class="col-md-11">
							<input class="form-control" type="text" id="oneSupplierCode" name="oneSupplierCode" datatype="*,*1-100,t" readonly="readonly" nullmsg="请选择需要关联的合同号" />
							</div>
							<div class="col-md-1">
							<span style="color:#F00">*</span>
							</div></td>
						</tr>
        			</tbody>
        		</table>
        	</div>
        </form>
        </div>
        <form id="editMoreDeviceAtrrForm">
		<input type="hidden" name="ids" id="ids" />
		<table class="table table-bordered">
			<tbody>
			<tr class="odd gradeX">
			<td width="10%" align="center" style="vertical-align:middle">关联合同号</td>
			<td width="25%">
			<div class="col-md-11">
			<input class="form-control" type="text" id="moreSupplierCode" name="moreSupplierCode" datatype="*,*1-100,t" readonly="readonly" nullmsg="请选择需要关联的合同号" />
			</div>
			<div class="col-md-1">
			<span style="color:#F00">*</span>
			</div></td>
			<td colspan="4"></td>
			</tr>
			</tbody>
		</table>
		</form>
        <div class="form-inline">
          <div class="input-group">
			<input type="text" class="form-control" id="keywordContract"  placeholder="Search..." />
			<input type="hidden" name="selectContractId" id="selectContractId" />
			<span class="input-group-btn">
			<button type="button" id="search-btn" class="btn btn-info searchContractBtn">查询</button>
            <button type="button" id="reset-btn" class="btn btn-info resetContractBtn">撤消</button>
			</span>
		  </div>
		</div>
        <table id="resultContractTable" class="mytable dataTable table-bordered text-center table-striped table-hover" cellspacing="0" width="100%" align="center">
			<thead>
				<tr>
					<th width="6%">序号</th>
					<th width="6%">操作</th>
					<th width="13%">合同号</th>
					<th width="10%">所属板块</th>
					<th width="10%">总价(元)</th>
					<th width="10%">签订日期</th>
					<th width="20%">项目名称</th>
					<th width="15%">订货单位</th>
					<th width="10%">订货片区</th>
				</tr>
			</thead>
			<tbody>
			</tbody>
		</table>
              		</div>
            		</div>
		<div class="modal-footer">
		    <button type="button" class="btn btn-info pull-right saveDeviceBtn">保存</button>
		    <button type="button" class="btn btn-default" data-dismiss="modal">返回</button>
		</div>
		</div>
        </div>
    </div>
	  
	  	<!--引入用户信息弹窗-->
	<div class="modal" id="modal-find-auditor">
		<div class="modal-dialog" role="dialog" style="width: 60%">
			<form id="form-find-user">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
								aria-label="Close">
							<span aria-hidden="true">&times;</span>
						</button>
						<h4 class="modal-title">
							<strong>用户查找</strong>
						</h4>
					</div>
					<div class="modal-body">
						<div class="form-horizontal">
							<div class="box-body">
								<div class="form-inline">
									<div class="input-group">
										<input type="text" class="form-control" id="search"
											   placeholder="Search..." /> <span class="input-group-btn">
												<button type="button" id="btn-search"
														class="btn btn-info app-btn-search">查询</button>
												<button type="button" id="btn-reset"
														class="btn btn-info app-btn-reset">撤消</button>
											</span>
									</div>
								</div>
							</div>
							<div class="box box-body">
								<table id="table-user"
									   class="mytable dataTable table-bordered text-center table-striped table-hover"
									   cellspacing="0" width="100%" align="center">
									<thead>
									<tr>
										<th width="10%">序号</th>
										<th width="20%">姓名</th>
										<th width="20%">性别</th>
										<th width="20%">职务</th>
										<th width="20%">销售区域</th>
										<th width="10%">选择</th>
									</tr>
									</thead>
									<tbody>

									</tbody>
								</table>
							</div>
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-info" id="btn-reference">引入</button>
						<button type="button"
								class="btn btn-default app-find-user-return"
								data-dismiss="modal">返回</button>
					</div>
				</div>
			</form>
		</div>
	</div>
	<!--引入用户信息弹窗结束-->
	
	<!--引入客户开票信息弹窗-->
	<div class="modal" id="modal-find-CustomerPayInfo">
		<div class="modal-dialog" role="dialog" style="width: 60%">
			<form id="form-find-CustomerPay">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
								aria-label="Close">
							<span aria-hidden="true">&times;</span>
						</button>
						<h4 class="modal-title">
							<strong>开票信息查找</strong>
						</h4>
					</div>
					<div class="modal-body">
						<div class="form-horizontal">
							<!-- <div class="box-body">
								<div class="form-inline">
									<div class="input-group">
										<input type="text" class="form-control" id="search1"
											   placeholder="Search..." /> <span class="input-group-btn">
												<button type="button" id="btn-search1"
														class="btn btn-info app-btn-search">查询</button>
												<button type="button" id="btn-reset1"
														class="btn btn-info app-btn-reset">撤消</button>
											</span>
									</div>
								</div>
							</div> -->
							<div class="box box-body">
								<table id="table-CustomerPay"
									   class="mytable dataTable table-bordered text-center table-striped table-hover"
									   cellspacing="0" width="100%" align="center">
									<thead>
										<tr>
											<th width="6%">序号</th>
											<th width="5%">操作</th>
											<th width="8%">客户编号</th>
											<th width="8%">联系电话</th>
											<th width="8%">邮编</th>
											<th width="8%">开票地址</th>
											<th width="8%">开票银行</th>
											<th width="8%">税号</th>
											<th width="8%">银行账号</th>
											<th width="8%">邮寄单位</th>
                                            <th width="8%">邮寄代表</th>
                                            <th width="8%">邮寄电话</th>
                                            <th width="8%">邮寄邮编</th>
                                            <th width="8%">邮寄地址</th>
										</tr>
									</thead>
									<tbody>
									</tbody>
								</table>
							</div>
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-info" id="btn-reference1">引入</button>
						<button type="button"
								class="btn btn-default app-find-user-return"
								data-dismiss="modal">返回</button>
					</div>
				</div>
			</form>
		</div>
	</div>
	<!--引入客户开票信息弹窗结束-->
	 
	  
	 	 
	  <script th:src="@{/contract/contractindex.js}"></script>
	  <script th:src="@{/contract/detail-relevance.js}"></script>
	  <script th:src="@{/contract/contract-device.js}"></script>
	  
	  
	     <script th:inline="javascript">
			/*<![CDATA[*/

			var contractId = /*[[${contractId}]]*/' ';
			var contractCode = /*[[${contractCode}]]*/' ';
			var contractType = /*[[${contractType}]]*/' ';

			/*]]>*/
		</script>
	        <script th:src="@{/contract/contract-audit-submit.js}"></script>
	  
	  
	  
	 </div>

	
</body>
</html>